<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet " type="text/css " href="css/globle.css " />
    <link rel="stylesheet " type="text/css " href="css/login.css " />
    <title>小米账户 - 登录</title>
</head>

<body>
    <div class="page">
        <div class="center">
            <div class="logo-line">
                <a href=""><img src="images/login-logo.png" alt="" />
                </a>

            </div>

        </div>
        <div class="bg-big">
            <div class="login-box">
                <div class="box-content">
                    <p class="switch"><a href="#" class="log-1">账号登录</a><span class="line1"></span><a href="#" class="log-2">扫码登录</a></p>

                    <div class="switch-content">
                        <ul class="switch-list">
                            <li class="item1">
                                <input type="text" placeholder="邮箱/手机号码/小米账号" class="input-box1" />
                                <input type="password" placeholder="密码" class="input-box2" />
                                <input type="submit" value="立即登录" class="log-btn" />
                                <p class="bottom"><a href="miregister.html">注册小米账号</a><span class="line2"></span><a href="">忘记密码</a></p>



                                <div class="other">
                                    <div class="line3"></div><span>其他方式登录</span>
                                    <div class="line3"></div>
                                </div>
                                <div class="tubiao">
                                    <a href=""><img src="images/qq1.png" / class="img01"></a>
                                    <a href=""><img src="images/xinlang1.png" / class="img02"></a>
                                    <a href=""><img src="images/weixin1.png" / class="img03"></a>
                                    <a href=""><img src="images/ali1.png" / class="img04"></a>
                                </div>
                            </li>
                            <li class="item2">
                                <div class="erweima">
                                    <img src="images/erweima.png" />
                                </div>
                                <p>使用<span class="active">小米商城APP</span>扫一扫</p>
                                <p>MIUI系统可进入「设置」-「我的小米」扫码登录</p>
                            </li>
                        </ul>
                    </div>

                </div>

            </div>
        </div>
        <div class="center01">
            <div class="bottom">
                <p class="fenlan">
                    <a href="" style="color: #333;">简体</a><span>|</span>
                    <a href="">繁体</a><span>|</span>
                    <a href="">English</a><span>|</span>
                    <a href="">常见问题</a>
                </p>
                <p class="infos">小米公司版权所有-京ICP备10046444-
                    <a href=""><img src="images/ghs.png" /></a>
                    <a>京公网安备11010802020134号</a>-京ICP证110507号</p>

            </div>
        </div>
</body>
<script src='js/jquery.js'></script>
<script src='js/login.js'></script>

</html>